<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
</head>
<div th:fragment="header">
<body class="mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-blue" id="top">
<header class="mdui-appbar-fixed mdui-appbar mdui-color-white">
    <div class="mdui-color-white mdui-toolbar">
        <span style="border-radius: 100%" class="mdui-btn mdui-btn-icon mdui-ripple" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
        <span class="mdui-typo-headline mdui-hidden-xs"><a href="/" class="mdui-ripple mdui-text-color-theme-accent mdui-float-right">ApiOne</a></span>
        <span class="mdui-typo-title" id="subTitle"></span>
        <div class="mdui-toolbar-spacer"></div>
        <button id="change_style" mdui-tooltip="{content: '夜间模式', position: 'bottom'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">brightness_4</i></button>
        <button mdui-menu="{target: '#main-menu'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">more_vert</i></button>
        <ul class="mdui-menu" id="main-menu">
            <li class="mdui-menu-item" >
                <a  class="mdui-ripple" href="/admin" >
                    <i class="mdui-menu-item-icon mdui-icon material-icons" >person</i> 后台登录
                </a>
<!--                <a mdui-dialog="{target:'.adduser'}"href="javascript:;" class="mdui-ripple">-->
<!--                    <i class="mdui-menu-item-icon mdui-icon material-icons">person</i> 注册-->
<!--                </a>-->
            </li>
        </ul>
    </div>
</header>
    <div class="mc-drawer mdui-drawer mdui-drawer-close" id="main-drawer">
        <div class="mdui-card-media mdui-ripple mdui-ripple-white" style="border-radius: 0px">
            <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
                <div class="mdui-card-primary" style="position:relative;">
                    <div class="mdui-typo-title mdui-text-color-white drawer-title-text">{$setup.title}</div>
                </div>
            </div>
        </div>
        <div class="mdui-list">
            <a class="mdui-list-item mdui-ripple index" href="/">
                <i class="mdui-list-item-icon mdui-icon material-icons">home</i>
                <div class="mdui-list-item-content">首页</div>
            </a>
        </div>
    </div>

    <div class="mdui-dialog" id="loading">
        <div class="mdui-m-y-2 mdui-m-x-1">
            <center style="font-size:17px">加载中......</center>
            <br>
            <div class="mdui-progress">
                <div class="mdui-progress-indeterminate"></div>
            </div>
        </div>
    </div>
</div>